import React, { Component } from 'react';
// 引入手机短信登录组件
import Mobilelogin from './MobileLogin';
// 引入用户名密码登录组件
import Normallogin from './NormalLogin';
// 引入选项卡组件
import { Tabs, Card } from 'antd';
// 引入对应的样式
import '@/assets/css/login.css';
const { TabPane } = Tabs;

class Index extends Component {
    render() {
        return (
            <div className="site-card-border-less-wrapper ">
                <Card bordered={false} style={{ width: 300 }} hoverable={true}>
                    <Tabs defaultActiveKey="1" tabBarGutter={100} centered={true}>
                        <TabPane tab={<span>密码登录</span>} key="1" >
                            {/* 常规登录 */}
                            <Normallogin></Normallogin>
                        </TabPane>
                        <TabPane tab={<span>短信登录</span>} key="2">
                            {/* 手机短信登录 */}
                            <Mobilelogin></Mobilelogin>
                        </TabPane>
                    </Tabs>
                </Card>
            </div>
        );
    }
}

export default Index;
